隆Hola 馃憢! Espera mientras comienza la sesi贸n.
Antes que todo, 驴c贸mo est谩n?
Visualizaci贸n de Informaci贸n
IIC2026 2021-2
Repaso general 14/09/2021
Visualizaci贸n de Informaci贸n
IIC2026 2021-2
Visualizaci贸n de Informaci贸n hasta ahora
Visualizaci贸n de Informaci贸n hasta ahora
Modelo anidado de Tamara Munzner
Codificaciones visuales
Abstracci贸n de datos
Percepci贸n
Color
Principios de dise帽o
Intro a la web: HTML, CSS y SVG
Intro a la web: JS y D3
Relevante para Entrega 1 e Hito 1
Modelo anidado de Tamara Munzner
Codificaciones visuales
Abstracci贸n de datos
Percepci贸n
Color
Principios de dise帽o
Consejos para Hito 1 basados en Entrega 1
Consejos para Hito 1 basados en Entrega 1
Si tienen dudas de conceptos espec铆ficos, comentenlos por el chat y los responderemos despu茅s.
Evaluaci贸n de an谩lisis de casos
Descomposici贸n y clasificaci贸n
Cr铆tica y propuestas
Evaluaci贸n de an谩lisis de casos
Descomposici贸n y clasificaci贸n
Codificaciones visuales (Marcas y canales)
Datos codificados (Abstracci贸n de datos)
Cr铆tica y propuestas
Evaluaci贸n de an谩lisis de casos
Descomposici贸n y clasificaci贸n
Codificaciones visuales (Marcas y canales)
Datos codificados (Abstracci贸n de datos)
Cr铆tica y propuestas
Determinar cumplimiento de principio de expresividad
Determinar cumplimiento de principio de efectividad
Cr铆tica usando criterio de percepci贸n (Percepci贸n)
Cr铆tica de uso de colores o colormap (Color)
Cr铆tica usando principio de dise帽o relacionado a expresividad o a efectividad
Cr铆tica usando principio de dise帽o relacionado a IHC o a dise帽o gr谩fico
Propuesta relacionada a un criterio o principio
Codificaciones visuales (Marcas y canales)
Reconocer marcas y canales utilizados en el caso, y reconocer los tipos de cada uno.
- Marca: de 铆tem, de conexi贸n, de contenci贸n o glifo contruido a partir de otras marcas.
- Canal: de magnitud o identidad.
Datos codificados (Abstracci贸n de datos)
Reconocer datos singulares y atributos presentes en el caso.
- Tipos de datos singular: 铆tem, atributos, enlace, posici贸n o grilla.
- Tipos de atributo: categ贸rico u ordenado; de llave o valor.
- Para ordenado: es cuantitativo u ordinal
- Para ordenado: es secuencial o divergente
- Para ordenado: es c铆clico o no c铆clico
Consejo: Separar lo m谩s posible las descripciones de codificaciones y abstracciones de datos
Consejo: Utilizar el lenguaje del curso de forma consistente
Principio de expresividad
Una codificaci贸n visual utilizada debe expresar toda, y solamente, la informaci贸n del atributo objetivo.
Canales de identidad 鈫旓笍 Atributos categ贸ricos*
Canales de magnitud 鈫旓笍 Atributos ordenados*
*Abstracci贸n de datos.
Principio de efectividad
La importancia de un atributo debe corresponder a la prominencia del canal utilizado, es decir, cuan perceptible es.
Ranking de canales
(Fuente: Libro "Visualization, Analysis and Design" )
Cr铆ticas son utilizando alg煤n recurso
Cr铆tica usando criterio de percepci贸n
- Exactitud
- Discriminalidad
- Popout
- Separabilidad
- Agrupaci贸n
Cr铆tica usando principio de dise帽o relacionado a expresividad o a efectividad
- Data-ink ratio
- Lie factor
- No al 3D injustificado
- Lograrlo en blanco y negro
Cr铆ticas son utilizando alg煤n recurso
Cr铆tica usando principio de dise帽o relacionado a IHC o a dise帽o gr谩fico
- Los ojos le ganan a la memoria
- Panor谩mica primero, detalles despu茅s
- La responsividad es requerida
- Consistencia
- Autocontenci贸n
- Composici贸n
Cr铆tica de uso de colores o colormap
- Expresividad de colormaps
- Limitaciones de colormaps
- Cualquiera de los recursos anteriores aplicado al color
Cr铆ticas son utilizando alg煤n recurso
Propuesta relacionada a un criterio o principio
- Principio de expresividad o efectividad
- Cualquiera de los recursos anteriores